img.uno {
  opacity: 0.5;
}


img:hover {
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }

  div {
    background-color: #04AA6D;
    padding: 10px;
  }
  
  div.first {
    opacity: 0.1;
  }
  
  div.second {
    opacity: 0.3;
  }
  
  div.third {
    opacity: 0.6;
  }

  div.background {
    background: url(klematis.jpg) repeat;
    border: 2px solid black;
  }
  
  div.transbox {
    margin: 30px;
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.6;
  }
  
  div.transbox p {
    margin: 5%;
    font-weight: bold;
    color: #000000;
  }